*{
    margin:0;
    padding:0;
}
ul,ol,li{
    list-style:none;
    display:inline-block;
}
a{
    text-decoration: none;
}
$font-size:12px;
$middlefont:16px;
$bigfont:18px;
$dir:bottom;
$color:#969696;
$font-color:#fff;
$fontcolor:#333333;
$line-height:33px;
$width:1200px;
$liwidth:80px;
$background:#669900;
$back:#76ac25;



#top{
    width:100%;
    height:33px;
    font-size:$font-size;
    border-#{$dir}:1px solid #eeeeee;
    background:#f7f7f7;
    color:$color;
    line-height:$line-height;
}
.top-con{
    width:$width;
    margin:auto;
}

#xx{
    width:240px;
    height:30px;
   background:#f7f7f7;
  display: none;
  float:left;
  text-align: right;
}

.top-l{
    width:230px;
    height:33px;
    float:left;
}
.top-l li{
    display:inline-block;
}
#login{
    
    width:240px;
    height:33px;
    color:$color;
    float:left;
}
.top-l .d2{
    height:33px;
}
.top-l .d2:hover .city{
    display:block;
}
.top-r{
    width:850px;
    
    float:right;
    font-size:$font-size;
}

.top-r li a{
    color:$color;
     text-decoration: none;
}
.top-r a:hover{
    color:#228B22;
}
.top-r li:nth-child(2){
    width:68px;
    text-align: center;
}
.top-r li:nth-child(3){
    width:$liwidth;
    text-align: center;
}
.top-r li:nth-child(4):hover .top-add1{
    display:block;
    background:#fff;
}
.top-r li:nth-child(4):hover .tubiao{
    transform:rotateY(180deg);
}
.top-r li:nth-child(4){
    width:71px;
}
.top-r li:nth-child(5):hover .iphone{
    display:block;
}
.top-r li:nth-child(5){
    
    width:90px;
    text-align:center;
}
.top-r li:nth-child(5):hover .help{
    display:block;
    border:1px solid #dadada;
}
.top-r li:nth-child(5):hover a{
    background:#fff;
    
}
.top-r li:nth-child(6){
    width:78px;
    height:22px;
    text-align:center;
}
.top-r li:nth-child(7):hover .net-nav{
    display:block;
}
.top-r li:nth-child(7){
    width:87px;
    height:30px;
}
.top-r li:nth-child(8){
    width:30px;
}
.top-add1{
    width:80px;
    height:118px;
    border:1px solid #dadada;
    position:absolute;
    top:33px;
    right:385px;
    z-index: 100;
    background:#fff;
    display:none;
}

.top-add1 span{
    display:block;
    width:80px;
    height:23px;
}

.help{
    width:80px;
    height:150px;
    border:1px solid #dadada;
    position:absolute;
    top:33px;
    right:193px;
    z-index: 100;
    background:#fff;
    line-height: 24px;
     display:none;
}
.city{
    width:400px;
    height:250px;
    border:1px solid #dadada;
    position:absolute;
    top:33px;
    right:663px;
    z-index: 10000;
    background:#fff;
    line-height: 24px;
    display:none;
}
.city li a{
    color:#0099FF;
}
.city span a{
    color:#3A3A3A;
}
.net-nav{
    width:657px;
    height:220px;
    position:absolute;
    top:34px;
    right:117px;
    border:1px solid #dadada;
    background:#fff;
    z-index:100000;
    display:none;
}
.net-nav ul{
    width:218px;
    height:220px;
    float:left;
    border-right:1px solid #dadada;
}
.net-nav ul li:nth-child(1){
    width:210px;
    color:#008000;
    font-size:18px;
    font-weight:bold;
    float:left;
}
.iphone{
    width:232px;
    height:170px;
    border:1px solid #dadada;
    position:absolute;
    top:34px;
    right:204px;
    z-index:1000000;
    background:#fff;
    display:none;
}
.iphone img:nth-child(1){
    margin:20px 0 0 20px;
}

#top-r .net-nav ul li{
     width:40px;
     float:left;
}
#head{
    height:104px;
}
.head-con{
    width:$width;
    margin:auto;
}
.head-l{
    width:240px;
    height:76px;
    float:left;
}

.head-c{
    width:515px;
    float:left;
    margin-top:28px;
    margin-left:196px;
}
.head-c input{
    width:431px;
    height:34px;
    border:1px solid #669900;
    color:$color;
    float:left;
}
.head-c button{
    width:$liwidth;
    height:36px;
    background:$back;
    color:$font-color;
    font-size:$bigfont;
    border:none;
    float:left;
}
.head-c a{
    color:$color;
    font-size:$font-size;
}
.head-c a:hover{
   color:$back;
}
.head-r{
    float:right;  
    height:74px;
    text-align:center;
    line-height:35px;
    margin-top:28px;
}
.head-r p{
    font-size:$font-size;
    color:$color; 
}
.head-r>div{
    width:196px;
    height:35px;
    border:1px solid #eeeeee;
    float:left;
}
.head-r p{
    display:inline-block;
}
.head-r button{
    width:40px;
    height:34px;
    background:#fa9600;
    color:$font-color;
    float:right;
}
#nav{
    height:34px;
    position:relative;
}
.nav-con{
    width:$width;
    margin:auto;
}
.nav-l{
    width:200px;
    height:32px;
    background:$back;
    text-align:center;
    line-height:32px;
    font-size:16px;
    float:left;
}
.nav-l a{
    color:$font-color;
    font-weight: bold;
}
.nav-c{
    width:750px;
    float:left;
}
.nav-c li:nth-child(1){
    width:76px;
    height:32px;
    float:left;
}
.nav-c li{
    display: inline-block;
    width:104px;
    height:32px;
    text-align: center;
} 

.nav-c li a{
     color:$fontcolor;
     line-height: 32px;
     font-size:14px;
     font-weight: bold;
}
.nav-c li a:hover{
    color:#679800;
} 

.nav-c li:nth-child(1) a{
    color:#679800;
}
.nav-r{
    width:198px;
    height:32px;
    float:right;
}
#banner{
    height:480px;
    position:relative;
}

.swiper-container,.swiper-wrapper{
    height:480px;
}
.swiper-pagination{
    width:25px;
    height:25px;
    border-radius: 12px;
}

.swiper-slide img{
    display: block;
    margin-left: 232px;
}
.swiper-pagination-bullet {
    line-height: 25px;
    text-align: center;
    color: #fff;
    background: #999;
    font-family: "microsoft yahei";
}
.swiper-pagination-bullet-active{
    background: orangered;
}
.menu{
    width:200px;
    height:482px;
    background:$back;
    position:absolute;
    top:170px;
    left:32px;
    z-index:999;
}
.menu span {
    display:block;
    width: 185px;
    height: 54px;

  
}
.menu ul{
    padding-top: 3px;
    padding-left: 15px;
}    
.menu span:hover{
    background:#fff;
}   
.menu span:hover a{
    color:#669900;
    
}
.menu a:hover{
    text-decoration:underline;
}

.menu ul a{
    color:#ddeac8;
}
.menu h3{
    font-size:14px;
    font-weight:400;
    padding-left: 15px;
     margin-top:5px;
}
.menu li{
    font-size:$font-size;
   
}
.banner-add1{
    width:560px;
    height:482px;
    background:white;
    opacity: 1;
    position:absolute;
    top:0px;
    left:200px;
    z-index: 1;
    display:none;
}
.banner-add1 strong{
    display:inline-block;
    font-size:$font-size;
    
}
.banner-add1 strong a{
    color:$back;
}
.banner-add1 dd a{
    font-size:$font-size;
    color:#646464;
}
.banner-add1 img{
    position:absolute;
    bottom:0px;
}
#add2{
    width:262px;
    height:446px;
    position:absolute;
    right:29px;
    top:190px;
    z-index:999; 
}
.addmask{
    width:260px;
    height:185px;
    background:pink;
    opacity: 0.3;
    position:absolute;
    top:0px;
    right:2px;
  display:none;
}
.addmask1{
    width:260px;
    height:130px;
    background:pink;
    opacity: 0.3;
    position:absolute;
    top:188px;
    right:2px;
     display:none;
}
.addmask2{
    width:260px;
    height:130px;
    background:pink;
    opacity: 0.3;
    position:absolute;
    top:   321px;
    right:2px;
  display:none;
}
#shop{
    height:533px;
    position:relative;
}
.shop-con{
    width:$width;
    margin:auto;
}
.shoper{
    width:957px;
    height:460px;
    float: left;
}

.shop-con h2{ 
    
    color: #333333;
    font-weight: normal;
    font-size: 18px;
    font-family:Microsoft YaHei;
    padding: 35px 0 9px 16px; 
}
.shop-con span{
    height: 14px;
    font-family:Microsoft YaHei;
    font-size:$font-size;
    position:absolute;
    top:39px;
    left:135px;
}
.shop-t{
    width:946px;
    height:260px;
    
    
}
.shop-t>li img{
    border:1px solid #e8e8e8;
    border-right:none;
}
.shop-t li:nth-child(4){
    border-right:1px solid #e8e8e8;
}
.shop-t>li{
    float:left;
}
.shop-t li:hover .gouwuche{
    display:block;
}
.shop-t li{
    position:relative;
}
.gouwuche{
    width:150px;
    height:30px;
    background:#428000;
    font-size:16px;
    text-align: center;
    line-height: 30px;
    color:#fff;
    font-weight:900;
    border-radius: 5px;
    position:absolute;
    bottom:18px;
    left:40px;
    display:none;
}
.shop-b{
    width:946px;
    height:200px;
}
.shop-b img{
    border:1px solid #e8e8e8;
    border-top:none;
    border-right:0px;
}
.shop-b>li{
    float:left;
}
.shop-b li:nth-child(4){
    border-right:1px solid #e8e8e8;
}
.shop-l{
    width:220px;
    height:461px;
    border:1px solid #e8e8e8;
    float:right;
}

.shop-l>div{
    width:205px;
    height:28px;
    border-bottom:1px dashed #e8e8e8;
     margin-left:10px;
     margin-top:14px;
}
.shop-l h4{
    display:inline-block;
    font-size:14px;
    font-weight: 100;
    color:#323232;
  
}
.shop-l ul{
      margin-left:10px;
}
.shop-l i{
    float:right;
    font-size:$font-size;
    color:#969696;
}
.shop-l .li1 a{
    font-size:$font-size;
    color:#fa6400;
}
.shop-l .li1 a:hover{
      text-decoration: underline;
}
.shop-l li a{
    font-size:$font-size;
    color:#666666;
    line-height: 26px;
}
.shop-l .li2 a:hover{
    color:$back;
}
.shoper{
    
}
.add-shop{
    position:relative;
}
.gwc{
    width:160px;
    height:31px;
    background:$back;
    position:absolute;
    left: 40px;bottom:20px;
    z-index: 999;
    font-size:14px;
    color:#fff;
    text-align: center;
    line-height: 28px;
    border-radius:5px;
}
#timer{
    height:391px;
}
.timer-con{
    width:$width;
    height:391px;
    margin:auto;
}
.ttop{
    font-size: 24px;
    font-family: Microsoft YaHei;
    color: #FA6400;
    height: 61px;
    background:#fa6400;
    position:relative;
}
.ttop h2{
    position:absolute;
    color:#fff;
    font-size:26px;
    font-weight:400;
    top:8px;
    margin-left:20px;
}
.ttop p{
    position:absolute;
    left:230px;
    color:#fff;
    font-size:16px;
    bottom: 20px;
}
.ttop font{
    position:absolute;
    left:680px;
    bottom: 20px;
     color:#fff;
    font-size:16px;
}

.timer-l{
    width:943px;
    height:357px;
    border:1px solid #e8e8e8;
    margin:32px 0 0 0;
    float:left;
}
.timer-l li{
    width:185px;
    height:284px;
    float:left;
    margin:13px 3px 0 0;
}
.timer-l li img{
    border:1px solid #e8e8e8;
    display:block;
    float:right;
}
.title{
//  width:166px;
//  height:18px;
    font-size:$font-size;
    color:#565656;
    padding-left:20px;
    line-height:24px;
}
.price1{
    font-size:14px;
    float:left;
    color:#fa6400;
    font-weight: bold;
    padding-left:20px;
    margin-top:2px;
}
.price2{
    font-size:14px;
    float:right;
    color:#979797;
    font-weight: bold;
    text-decoration:line-through; 
    margin-top:2px;
}
.timer-b a{
    display:block;
    width:166px;
    height:24px;
    background:#fa6400;
    color:#fff;
    font-size:14px;
    text-align: center;
    line-height: 24px;
    float:right;
    margin-top:30px;
}
.timer-r{
    width:222px;
    height:330px;
    float:right;
    margin-top:32px;
}
#show{
    height:100px;
}
.show-con{
    width:$width;
    margin:auto;
    margin-top:30px;
}
#fruit{
    height:470px;
    position:relative;
}
.fruit-con{
    width:$width;
    margin:auto;
    margin-top:30px;
    border-top:1px solid #adcd7c;
}
.fruit-l{
    width:240px;
    height:470px;
    float:left;
}
.fruit-l h5{
    width:240px;
    height:50px;
    background:$back;
    color:#fff;
    text-align:center;
    line-height: 50px;
    font-size:$middlefont;
}
.fruit-l img{
    position:absolute;
    left:22px;
    float:left;
}
.fruit-c{
    width:730px;
    height:469px;
    float:left;
    border-bottom:1px solid #f4f4f4;
}
.fruit-c li{
    width:176px;
    height:210px;
    float:left;
    margin:15px 0 10px 0;
}
.fruit-c li:nth-child(1){
    margin-left:15px;
}
.fruit-c li:nth-child(5){
    margin-left:15px;
}
.fruitc a{
    font-size:12px;
    color:#666666;
}
.fruitc{
    margin-top:5px;
}
.fruit-c .cc{
    
}
.fruitb b{
    font-size:18px;
    font-weight:bold;
    color:#ea5404;
    line-height:34px;
    font-family: "blackadder itc";
}
.fruit-r{
     width:220px;
    height:469px;
    position:relative;
    float:right;
    bacground:#f4f4f4;
}
.fruitr{
   
}
.frt{
    width:200px;
    height:220px;
    background: #f4f4f4;
    padding-top:20px;padding-left:20px;
}
.frt>div a{
    display:inline-block;
    background:#fff;
    width:55px;
    height:55px;
    border-radius:50%;
    float:left;
    font-size:$font-size;
    color:#404040;
    text-align: center;
    line-height: 55px;
    margin:0 10px 10px 0;
    
}
.frt>div a:hover{
    background:$back;
    color:#fff;
}
.frt-b img{
    position:absolute;
    bottom:0px;
}
.trt-b a:nth-child(1){
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background:#fff;
    color:#ffa6cc;
    font-size:16px;
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    display: block;
    position:absolute;
    top:303px;
    left:21px;
}
.trt-b a:nth-child(1):hover{
    background:$back;
    color:#fff;
}
.fruitt{
    position:relative;
}
.add-cart{
    //display: none;
    width:160px;
    height:28px;
    background:$back;
    position:absolute;
    left: 0px;bottom:0px;
    z-index: 999;
    font-size:14px;
    color:#fff;
    text-align: center;
    line-height: 28px;
    border-radius:5px;
}


#share{
    height: 201px;
    margin-top:30px;
}                                                                                                                                                                                                   
.share-con{
    width:$width;
    margin:auto;
}
.weidao{
    width:400px;
    height:201px;
    float:left; 
}
.weidao-b{
    height:201px ;
    position:relative;
}
.weidao h3{
    width:400px;
    height:32px;
    border-bottom:1px solid #e8e8e8;
}
#small{
    height: 201px; 
    width:170px;
    position:absolute;
    left:0px;
    top:20px;
 
}
.small{
    width:170px;
    height:120px;
   float:left;
    overflow:hidden;
}
.small img{
    display: inline-block;
    margin-left: 0;
}
.weidao-r{
    width:215px;
    height:120px;
    float:left;
    margin:25px 0 0 15px;
    
}
.weidao-r ul{
    position:absolute;
    left:205px;
    top:26px;
}
.hot{
    width:420px;
    height:201px;
    float:left;
}
.youpin{
  float:left;
  width:339px;
  height:201px;
  border:1px solid #e8e8e8;  
}

.weidao-r a{
    font-size:12px;
    color:#646464;
    
}
.weidao-r a:hover{
    color:$back;
}
.hott{
    width:420px;
    height:32px;
    border-bottom:1px solid #e8e8e8; 
}  
.wenzi dl{
    border-bottom:1px solid #e8e8e8;
    height:84px;
}
.wenzi,.wenzi1{
    width:420px;
    height:180px;
}
.wenzi2{
    width:420px;
    height:90px;
}
.wenzi dt{
    display: inline-block;
    padding-top:51px;
    width:50px;
}
.wenzi2 dt img{
    width:50px;
    height:50px;
    position:absolute;
    top:27px;
    left:-232px;
}
.tupian{
    position:absolute;
    top:50px;
    left:-232px;
}
.wenzi dd{
    margin-top:39px;
    width:340px;
    display: inline-block;
}
.wenzi dd p a{
    font-size:$font-size;
    color:#fa9600;
}
.wenzi dd b a{
    font-size:$font-size;
    color:#646464;
    font-weight: 100;
}
.hot dd a:hover{
    text-decoration:underline;
}
.youpin-t{
    width:300px;
    border-bottom:1px solid  #e8e8e8;
    height:50px;
    margin-left:15px;
}
.youpin-t h3{
    display:inline-block;
    line-height: 50px;
}
.youpin-t span{
    font-size:12px;
    color:#949494;
    float:right;
    line-height: 50px;
}
.youpin-c{
    width:300px;
    height:70px;
    overflow:hidden;
}
.youpin-c img{
    width:70px;
    height:70px;
}
.youpin-c li{
    float:left;
    width:70px;
}

.module-title{position: relative;}
.module-title h3{font-size:12px;font-weight:normal;color:#666666;height:45px;line-height:45px;padding:0px 9px;border-top:2px solid #999999;margin-top:-1px;margin-bottom:5px;}
.module-title ul{right:10px;position:absolute;top:10px;}
.module-title li.next{width:60px;height:20px;line-height:20px;}
.module-title li a{display:block;overflow:hidden;widtb:100%;cursor:pointer;color:#ffffff;height:100%;background:url(../images/more_ico.jpg) no-repeat right center;color:#999999;}
#sales-product .module-title LI.next a{height:20px;width:60px;}
#corner-product-main{}
#sales-product-main{PADDING-RIGHT: 0px;PADDING-LEFT: 0px;PADDING-BOTTOM: 0px;OVERFLOW: hidden;WIDTH:1180px !important;PADDING-TOP: 9px;POSITION: relative;margin:0px auto;}
#sales-product-main ul{WIDTH:1180px;}
#sales-product-main LI A.a1{DISPLAY: block;MARGIN: 0px auto;VERTICAL-ALIGN: middle;WIDTH: 187px;HEIGHT: 178px;TEXT-ALIGN: center}
#sales-product-main LI A.sales-product-pic span{DISPLAY: inline-block;VERTICAL-ALIGN: middle;WIDTH: 0px}
#sales-product-main LI SPAN.price_symbol{FONT-SIZE: 23px;LINE-HEIGHT:20px}
#sales-product-main ul{}
#sales-product-main ul li{width:70px;float:left;margin-right:20px;}
#sales-product-main ul li a{display:block;}
#sales-product-main ul li a span{display:block;height:30px;line-height:30px;overflow:hidden;color:#666666;text-align:center;}
#sales-product-main ul li a span:hover{color:#ff8400; text-decoration:underline;}
#sales-product-main ul li em{font-size:14px;color:#ff8400;font-weight:bold;font-style:normal;height:18px;line-height:18px;overflow:hidden;text-align:center;display:block;}
#sales-product{
    overflow:hidden;
}

#footer{
    height:121px;
    
}
#footer img{
    padding-top:14px;
    }
#link{
    height: 155px;
    margin-top:30px;
}
#link .link-con{
    width:$width;
    margin:auto;
}
.link-l{
    width:290px;
    height:133px;
    float:left;
    margin:23px 0 0 0;
}
.link-l img{
    display: block;
}  
.link-l b{
    display: block;
    height: 30px;
    margin-top:10px;
    font-size:24px;
    color:#646464;
    font-weight:900;
}
.link-l p {
    font-size:$font-size;
    color:#969696;
    line-height: 20px;
    
}
.link-c{
    width:645px;
    height:120px;
    float:left;
    margin:35px 0 0 0;
}
.link-c ul{
    float:left;
    width:120px;
    margin-right:8px;
}
.link-c li:nth-child(1){
    font-size: 14px;
    color:#707070;
    font-weight: 900;
}
.link-c li a{
    font-size: 12px;
    color:#646464;
   
}
.link-c li a:hover{
    color:$back;
}
.link-c li{
    width:120px;
    height:20px;
    text-align: center;
}
.link-r{
    width:235px;
    height:145px;
    float:left;
    margin: 35px 0 0 20px;
}
.link-r ul:nth-child(1){
    width:130px;
    height:120px;
    float: left;
}
.link-r ul:nth-child(2){
    width:80px;
    height:120px;
    float: left;
}
.link-r a{
    font-size:14px;
    color:#646464;
    font-weight:bold;
}
.link-r ul li{
    width:80px;
    height:24px;
    text-align: center;
    
}
.link-r span{
    display: block;
    margin-top:10px;
}
#bottom{
    height:100px;
    border-top: 1px solid #E0E0E0;
    margin-top: 30px;
    
}
.bottom-con{
    width:$width;
    margin:auto;
    padding-top:20px;
}
.bottom-l{
    width:180px;
    height:37px;
    float:left;
}
.bottom-r{
    width:543px;
    height:36px;
    float:left;
    margin-left:20px;
}
.bottom-r a{
    font-size:$font-size;
    color:#646464;
}
.bottom-r a:hover{
    color: $back;
}
.bottom-r span{
    font-size:$font-size;
    color:#969696
}
#slide{
    width:44px;
    height:244px;
    position:fixed;
    right:10px;
    bottom:10px;
}
#slide a{
    color:#666666;
    text-align: center;
}
.slide-c{
    width:44px;
    height:44px;
    border:1px solid #e1e1e1;
    margin-top:5px;
    background:#f8f8f8;
} 
.slide-c i{
    font-size:24px;
    text-align: center;
    line-height: 44px;
    font-weight:100;
}   

.slide-c:hover{
    background:#A5A5A5;
    color:#fff;
    
}
